<style>
select {
    padding: 2px;
    font-size: 14px;
    border: 1px solid #aadafd;
    vertical-align: middle;
}

#zxzpJlsxCompany {
    width: 364px;
}

#zxzpJlsxPosition {
    width: 202px;
    margin-left: 180px;
}

.zxzpJlsx-t {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}

.zxzpJlsx-t-l {
    float: left;
}

.zxzpJlsx-t-r {
    float: right;
}

.zxzpJlsx-num {
    color: #fe4142;
}

.filter-content {
    border: 1px solid #ebebeb;
    padding: 5px;
}

.btn-row {
    margin-top: 25px;
    margin-bottom: 10px;
    width: 100%;
    height: 34px;
}

.btn-row .btn {
    -width: 110px;
}

.filter-result-title {
    padding-left: 5px;
}

.filter-result-table tr th,
.filter-result-table tr td {
    text-align: center;
}

.filter-title {
    display: inline-block;
    width: 110px;
    padding-right: 8px;
    text-align: right;
    font-size: 12px;
}

.filter-row {
    margin-bottom: 5px;
}

.filter-text {
    height: 32px;
    border: 1px solid #a9dbfd;
    width: 224px;
}

.filter-text.sm {
    width: 76px;
}
#zxzpJlsx .sn-tab-body{
    padding-top: 0;
}
#zxzpJlsx .sn-tab-nav-item{
    font-size: 14px;
}
#zxzpJlsx .sn-tab{
    margin-top: 20px;
}
.tr-1{
	width: 60px;
}
.filter-row-table table th{
	height: 28px;
	line-height: 28px;
	text-align: center;
}
.gongShiNeiRong{
	position: absolute;
	top:0;
	display: none;
	background: #FFF;
	height: 240px;
	width: 755px;
	border: 1px solid red;
}
.gongshi .span-1{
	position: absolute;
	top: 24px;
	left: 120px;
	height: 24px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	border: 1px solid #CCC;
	width: 400px;
}
#startTime{
	    position: absolute;
    top: 53px;
    left: 120px;
}
.endTime{
	    position: absolute;
    display: block;
    height: 24px;
    line-height: 24px;
    width: 120px;
    top: 53px;
    left: 280px;
}
#endTime{
	    position: absolute;
    top: 53px;
    right: 233px;
}
</style>
<div id="zxzpJlsx" ms-controller="zxzpJlsx">
    <div class="zxzpJlsx-container">
        <div style="padding:0 5px;">
            <div style="margin-bottom: 10px;">
                <select name="" id="zxzpJlsxCompany">
                    <option value="">新星石油(北京)新能源研究院招聘公告</option>
                    <option value="">北京石油招聘公告</option>
                    <option value="">浙江石油招聘公告</option>
                </select>
             
            </div>
         
            <div class="sn-tab">
                <div class="sn-tab-nav">
                    <div class="sn-tab-nav-item active">*公示内容</div>
                    <div class="sn-tab-nav-item">公示结果管理</div>  
                </div>
                <div class="sn-tab-body" style="position: relative;">
                    <div class="sn-tab-body-item" style="display: block;padding-top: 20px;">
                        <div class="filter-content" style="min-height: 300px;">
                            <div class="bianjiGS" style="width: 100px;height: 45px;background: blue;">
                            		    这是blue那行
                            </div>
                            <div class="filter-row">
                               <h1>XX单位关于引进人才公告</h1>
                               <div>哈哈哈哈哈哈哈哈哈哈哈哈哈哈呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃鹅鹅鹅恩
                               呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃鹅鹅鹅恩
                               </div>
                            </div>
                            <div class="filter-row filter-row-table">
                              	<table border="" cellspacing="" cellpadding="">
		                           	<tr>
		                           		<th style="width: 60px;" >姓名</th>
		                           		<th  style="width: 20px;">性别</th>
		                           		<th style="width:115px;">出生年月</th>
		                           		<th style="width: 150px;">专业</th>
		                           		<th style="width: 140px;">职称(技能等级)</th>
		                           		<th style="width: 140px;">原单位岗位(职务)</th>
		                           		<th style="width: 140px;">引进后岗位(职务)</th>
		                           	</tr>
		                           	<tr>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           	</tr>
		                           		<tr>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           		<td class="td-1">Data</td>
		                           	</tr>
		                        </table>
                            </div>
                           
                        
                        </div>
                        <div class="btn-row">
                            
                        </div>
                        <div class="filter-result">
                           
                            
                        </div>
                    </div>
                	<div class="gongShiNeiRong" >
                		<div class="gongshi" style="position: relative;">
                			<h1 style="display: block;height: 24px;line-height: 24px;font-size: 16px;">公式基本信息</h1>
                			<span style="display: block; height: 24px;line-height: 24px;width: 120px;"><i>*</i>公式标题 ：</span>
                			<span class="span-1">XXX人才引进公式</span>
                			<span style="display: block; height: 24px;line-height: 24px;width: 120px;"><i>*</i>公式起始日期 ：</span>
                			<input name="gongshitartTime" id="startTime" type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd '})"  />
                			<span class="endTime"><i>*</i>公式结束日期 ：</span>
                			<input name="gongshiEndTime" id="endTime" type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd '})"  />
                		</div>
                		
                		<div style="width: 755px;height: 260px;background: #08575B;position: absolute;top: 240px;">
                		引入插件
                		</div>
                	</div>
                
                
                <div class="sn-tab-body-item">
                        <div class="btn-row">
                            <div style="float: left;padding-left: 5px;">
                                <button class="btn btn-success">参加甄选</button>
                                <button class="btn btn-danger">不参加甄选</button>
                            </div>
                            <div style="float: right;padding-right: 5px;">
                                <button class="btn btn-info">花名册</button>
                                <button class="btn btn-info">简历</button>
                            </div>
                        </div>
                        <div class="filter-result">
                            <div class="filter-result-title">
                                <span>简历筛选通过</span>
                                <span style="color: #ff413e">3</span>
                                <span>人</span>
                            </div>
                            <div class="filter-result-list">
                                <table class="table table-bordered filter-result-table">
                                    <tr>
                                        <th></th>
                                        <th>姓名</th>
                                        <th>性别</th>
                                        <th>年龄</th>
                                        <th>学历</th>
                                        <th>专业</th>
                                        <th>职称</th>
                                        <th>技能等级</th>
                                        <th>应聘职位</th>
                                        <th>应聘状态</th>
                                        <th>现单位</th>
                                        <th>现岗位</th>
                                        <th>备注</th>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox">
                                        </td>
                                        <td>李明</td>
                                        <td>男</td>
                                        <td>25</td>
                                        <td>大学本科</td>
                                        <td>计算机科学</td>
                                        <td>工程师</td>
                                        <td></td>
                                        <td>开发工程师</td>
                                        <td>筛选通过</td>
                                        <td>燕山石化</td>
                                        <td>开发工程师</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox">
                                        </td>
                                        <td>李明</td>
                                        <td>男</td>
                                        <td>25</td>
                                        <td>大学本科</td>
                                        <td>计算机科学</td>
                                        <td>工程师</td>
                                        <td></td>
                                        <td>开发工程师</td>
                                        <td>筛选通过</td>
                                        <td>燕山石化</td>
                                        <td>开发工程师</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox">
                                        </td>
                                        <td>李明</td>
                                        <td>男</td>
                                        <td>25</td>
                                        <td>大学本科</td>
                                        <td>计算机科学</td>
                                        <td>工程师</td>
                                        <td></td>
                                        <td>开发工程师</td>
                                        <td>筛选通过</td>
                                        <td>燕山石化</td>
                                        <td>开发工程师</td>
                                        <td></td>
                                    </tr>
                                </table>
                                <div id="filterResultListPagerTT" style="text-align: center;"></div>
                            </div>
                        </div>
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
</div>
<script>
setTimeout(init, 0);

function init() {
    $('#filterResultListPager').extendPagination({
        totalCount: 100,
        showCount: 5,
        limit: 5
    });
    $('#filterResultListPagerTG').extendPagination({
        totalCount: 100,
        showCount: 5,
        limit: 5
    });
    $('#filterResultListPagerTT').extendPagination({
        totalCount: 100,
        showCount: 5,
        limit: 5
    });
    $("#zxzpJlsx .sn-tab-nav-item").click(function(event) {
        var index = $(this).index();
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
        $(this).parent().next().find(".sn-tab-body-item").hide().eq(index).show();
    });
    $(".bianjiGS").on("click",function(){
    	$(".gongShiNeiRong").show();
    })
}
</script>
